<template>
    <div>
      <dyHeader title="电影管理"/>
      <keep-alive>
        <component class="boyd" :is="comName"/>
      </keep-alive>
      <dyFoot :footerList="footerList" @changeComName="changeComName"/>
       
    </div>
  </template>
  
  <script>
  import dyHeader from '@/components/dy-header.vue'
  import dyFoot from '@/components/dy-foot.vue'
  import filmList from '@/views/film-list.vue'
  import filmSearch  from '@/views/film-search.vue'
  import myInfo from '@/views/my-info.vue'
  export default {
    components:{
      dyHeader,
      dyFoot,
      filmList,
      filmSearch,
      myInfo 
    },
    data() {
      return {
        comName: 'filmList',
        footerList:[{
          text: '电影列表',
          comName: 'filmList',
          icon: 'el-icon-tickets'
        },{
          text: '电影搜索',
          comName: 'filmSearch',
          icon: 'el-icon-search'
        },{
          text: '我的信息',
          comName: 'myInfo',
          icon: 'el-icon-user'
        }]
      }
    },
    methods:{
      changeComName(comName){
        this.comName = comName
      }
    }
  }
  </script>
  
  <style>
  
  .body{
      padding: 60px 0 70px 0;
    }
  </style>